<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
import Vue from 'vue'

export default {
  data() {
    return {
      eventHub: new Vue(),
    }
  },
  provide() {
    return {
      eventHub: this.eventHub,
    }
  },

}

</script>
<style lang="scss">
@import "//at.alicdn.com/t/font_3170337_16pdqcclo5z.css";
@import "~@/assets/styles/base";

.el-submenu__title {
  height: 39px !important;
  line-height: 39px !important;
  font-weight: 800 !important;

  .title-slot {
    @include flex-row-center();
    justify-content: flex-start;
  }

  .iconfont {
    height: 39px;
    line-height: 39px;
    font-weight: 500;
    font-size: 18px;
    margin-right: 10px;
    color: rgba(255, 255, 255, .5);
  }

  .el-submenu__icon-arrow {
    font-weight: 900 !important;
    right: 1.5rem;
  }
}

.header-logo-2 + ul .el-submenu__title {
  height: 60px !important;
  line-height: 60px !important;
}

.header-logo-2 + ul .iconfont {
  font-size: 30px !important;
  margin-bottom: 10px;
}

.el-submenu .el-menu-item {
  height: 37px !important;
  line-height: 37px !important;
}

.dangerColor {
  color: #F56C6C !important;
}

.el-container {
  width: 100% !important;
}

.el-pagination {
  /*margin-top: 10px;*/
  text-align: center;
  padding: 8px 0 8px !important;
}

.el-table th {
  background: #DFEAF5 !important;
  color: #505D69;
  font-weight: normal;
  font-size: 15px;
}

.el-tabs__content {
  height: calc(100% - 40px);
}

.el-tabs__item {
  height: 2.5rem !important;
  line-height: 2.5rem !important;
}

.el-tabs__item.is-active {
  color: #3165EC !important;
}

.el-tabs__active-bar {
  background-color: #3165EC !important;
}


.optionList {
  width: 100%;
  height: 32px;
  color: #435582;
  font-size: 12px;
  padding-left: 10px;
  border-radius: 4px;
  border: 1px solid #CED4DA;
  border-right: 0;
  /*去掉默认的下拉三角*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*添加下拉三角图标*/
  background: url("assets/img/typeSelectSmall.png") no-repeat right center transparent;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #DCEDF8 !important;
  /* border-top: 1px solid #9CD3F0 !important;
   border-bottom: 1px solid #9CD3F0 !important;*/
}

.el-table th, .el-table td {
  vertical-align: top !important;
}

/*弹框按钮样式*/
.buttonWrapper {
  text-align: right;
  margin-top: 30px;
  margin-bottom: 50px;
}

.buttonWrapper .cancelButton {
  display: inline-block;
  width: 116px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  margin-right: 16px;
}

.buttonWrapper .confirmButton {
  display: inline-block;
  width: 116px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  background: #547FF0;
  border-radius: 4px;
  border: 1px solid #547FF0;
  color: #FFFFFF;
  cursor: pointer;
}

/*修改按钮，删除按钮样式*/
.modifyIcon {
  color: #3165EC;
  cursor: pointer;
  font-size: 18px;
}

.deleteIcon {
  color: #FA6936;
  cursor: pointer;
  font-size: 18px;
}

/* 性别样式*/
.manIcon {
  color: #3165EC;
  cursor: pointer;
  font-size: 0.5rem;
}

.womanIcon {
  color: #FA6936;
  cursor: pointer;
  font-size: 0.5rem;
}

.transfer {
  color: #1296db;
  cursor: pointer;
  font-size: 18px;
}

.doorIcon {
  color: #83A7DD;
  cursor: pointer;
  font-size: 18px;
}

.line {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  width: 1px;
  height: 27px;
  background: linear-gradient(360deg, rgba(154, 154, 154, 0) 0%, #818181 33%, rgba(114, 114, 114, 0.65) 72%, rgba(92, 92, 92, 0) 100%);
  opacity: 0.2;
}

.el-table, .el-table tr, .el-input__inner, .el-date-editor .el-range-input {
  background-color: #F8FBFF !important;
}

.el-pagination button:disabled, .el-pager li, .el-pagination .btn-prev, .el-pagination .btn-next, .el-pagination .el-select .el-input .el-input__inner, .el-pagination__editor.el-input .el-input__inner {
  background-color: #F2F4F7 !important;
}

.el-pagination {
  font-weight: normal !important;
}

.el-upload {
  width: 100% !important;
}

.productServer .el-table th {
  background-color: #F0F7FD !important;
}

el-form-item__label
.productServer .el-table {
  margin-left: 1px;
}

.el-form-item .el-form-item__label {
  color: rgba(0, 0, 0, 0.65) !important;
  font-size: 17px !important;
  font-weight: normal !important;
}

.lineHeight .el-form-item__label {
  line-height: 20px;
}

/*日期样式*/
/*.deviceDate .el-date-editor {
    height: 1.6rem;
    line-height: 1.6rem;
    overflow: hidden;
}
.deviceDate .el-input__prefix {
    left: inherit !important;
    right: 0 !important;
    top: 0;
    padding: 0 5px;
    background-color: #2D4175;
    height: 1.6rem;
    line-height: 1.6rem;
}
.deviceDate .el-input__inner {
    border: 0.05rem solid #435582;
}*/
.el-dialog {
  background-color: #FCFDFF !important;
}

.dialog-wrapper .el-cascader, .dialog-wrapper .el-input, .dialog-wrapper .el-input__inner, .dialog-wrapper .el-textarea__inner {
  background-color: #FCFDFF !important;
}

.bgColor {
  background-color: #F2F4F7;
}

.zZindex {
  z-index: 10000000 !important;
}

.search {
  background-color: #02A9BA !important;
  border-color: #02A9BA !important;
  margin-top: 3px !important;
}

.reset {
  background-color: #4B87F8 !important;
  border-color: #4B87F8 !important;
  margin-top: 3px !important;
}

.iconPlus {
  font-size: 12px !important;
  margin-right: 3px;
}

.el-button--small {
  padding: 8px 15px !important;
}

.el-form-item__label {
  padding-right: 18px !important;
}

.el-tabs__item:hover {
  color: #3165EC !important;
}

.el-dialog__headerbtn .el-dialog__close {
  font-size: 18px;
}

.el-table {
  color: #435069 !important;
}

.productTab .el-table th {
  padding: 6px 0 !important;
  font-size: 15px !important;
  color: #505D69 !important;
}

.el-date-editor .el-range-input {
  text-align: left !important;
}

.showRemark .el-textarea__inner {
  background-color: #F4F9FC;
  border: 1px solid #D2E0EA;
}


</style>

